<div ng-controller="ipRuleCtrl">

	<!-- contain BEGIN -->
	    <div class="right-product right-full animate-time" ng-class="{ true: 'right-full', false: 'right-off' }[isActive]">
	        <div class="center-back right-back">
	            
	        <!-- 顶部导航 BEGIN -->
	            <ul class="breadcrumb">
	                <li>
	                    <a ui-sref="home">
	                        <img class="breadcrumb-right-img-home" height="20px" src="../images/right-product/home.png">首页
	                    </a>
	                </li>
	                <li>
	                    <img class="breadcrumb-right-img" src="../images/public/right4.png">
	                </li>
	                <li>
	                    <a href="#">开放平台管理</a>
	                </li>
	                <li>
	                    <img class="breadcrumb-right-img" src="../images/public/right4.png">
	                </li>
	                <li>
	                    <a href="#" class="active">IP规则管理</a>
	                </li>
	            </ul>
	        <!-- 顶部导航 END -->

			<!-- 操作 BEGIN -->
                <div class="button-group">
                    <button type="button" 
                    		class="btn btn-default btn-md" 
                    		ng-click="newlyAdded($event)" 
                    		data-toggle="modal" 
                    		data-target="#newlyAdded"
                    		>
                        <span class="glyphicon glyphicon-plus"></span> 新增
                    </button>
                    <button type="button" 
                    	    class="btn btn-default btn-md yellow" 
                    	    ng-mousedown="getDataID()" 
                            ng-click="check()"
                    	    >
                    	<span class="glyphicon glyphicon-trash"></span> 批量删除
               		</button>

                    <!-- search BEGIN -->
                        <div class="input-group pull-right search-width">
                            <input type="text" 
                                   class="form-control search-input" 
                                   placeholder="请输入需要检索的内容" 
                                   ng-model="iprule_search"
                                   >
                            <span class="input-group-addon search-btn">
                                <img src="../images/right-product/search.png">检索
                            </span>
                        </div>
                    <!-- search END -->

                </div>
            <!-- 操作 END -->

	            <div class="container-fluid">
	                <div class="info-center">
	                    <!-- 角色组列表内容 BEGIN -->
	                        <div class="contain">

	                            <div class="clearfix"></div>

	                            <!-- 表格内容 BEGIN -->
	                            	<ip-table></ip-table>
	                            <!-- 表格内容 END -->

	                        </div>
	                    <!-- 角色组列表内容 BEGIN -->

	                </div>
	           		<div class="info-bottom">
	            		<div  ng-include="'public/tfoot.html'"></div>
	            	</div> 
	            </div>

	        </div>
	    </div>
	<!-- contain END -->

	<!-- 新增 BEGIN -->
		<ip-newlyadded></ip-newlyadded>
	<!-- 新增 END -->

	<!-- 详情 BEGIN -->
		<ip-details></ip-details>
	<!-- 详情 END -->

	<!-- 修改 BEGIN -->
		<ip-edit></ip-edit>
	<!-- 修改 BEGIN -->
	
	<!-- 删除 BEGIN -->
		<ip-delete></ip-delete>
	<!-- 删除 END -->

</div>

